<template>
	<view class="container">
		<block v-if="isload">
			<!-- s -->
			<view v-if="logintype>0" style="width:100%;height: 100%;">
				<view class="bg_div1"
					:style="loginset_data.bgtype==1?'background:'+loginset_data.bgcolor:'background:url('+loginset_data.bgimg+') no-repeat center;background-size:100% 100%'">
					<view style="overflow: hidden;">
						<view v-if="loginset_type==1" style="width: 700rpx;margin: 0 auto;">
							<view class="title1"
								:style="'color:'+loginset_data.titlecolor+';text-align: '+loginset_data.titletype">
								{{loginset_data.title}}
							</view>
							<view class="subhead1" v-if="loginset_data.subhead && logintype_3 == false"
								:style="'color:'+loginset_data.subheadcolor+';text-align: '+loginset_data.titletype">
								{{loginset_data.subhead}}
							</view>
							<view style="text-align: center;" v-if="logintype_3 == true && logintype!=5">
								<img :src="loginset_data.logo" style="height: 400rpx;" mode="aspectFit">
							</view>
						</view>

						<view v-if="loginset_type==2" class="logo2">
							<img :src="loginset_data.logo" style="width: 100%;height: 100%;">
						</view>

						<view class="content_div1">
							<form @submit="formSubmit" @reset="formReset">
								<view class="card_div1" :style="'background:'+loginset_data.cardcolor">

									<view v-if="loginset_type==2">
										<view class="title1"
											:style="'color:'+loginset_data.titlecolor+';text-align:'+loginset_data.titletype+';margin-top: 20rpx;font-size: 40rpx;'">
											{{loginset_data.title}}
										</view>
										<view class="subhead1" v-if="loginset_data.subhead"
											:style="'color:'+loginset_data.subheadcolor+';text-align:'+loginset_data.titletype">
											{{loginset_data.subhead}}
										</view>
									</view>

									<view v-if="logintype==1 || logintype==2" class="tel1">
										<input type="text" name="tel" value="" @input="telinput" class="input_val"
											placeholder="请输入手机号码"
											placeholder-style="color:#CACACA;line-height: 100rpx;" />
									</view>
									<view v-if="logintype==1" class="tel1">
										<input type="text" name="pwd" value="" :password="true" placeholder="请输入密码"
											placeholder-style="color:#CACACA;line-height: 100rpx;" class="input_val" />
									</view>

									<view v-if="logintype==2" class="tel1">
										<input type="text" name="smscode" value="" placeholder="请输入验证码"
											placeholder-style="color:#CACACA;line-height: 100rpx;" class="inputcode" />
										<text class="code1" :style="'color:'+loginset_data.codecolor"
											@tap="smscode">{{smsdjs||'获取验证码'}}</text>
									</view>

									<view v-if="(logintype==2 || logintype==3) && reg_invite_code && !parent"
										class="tel1">
										<input type="text" name="yqcode" @input="yqinput" :value="yqcode"
											:placeholder="'请输入邀请人'+reg_invite_code_text"
											placeholder-style="color:#CACACA;line-height: 100rpx;" class="input_val" />
									</view>
									<view v-if="(logintype==2 || logintype==3) && reg_invite_code && parent"
										class="tel1" style="display: flex;padding-top: 8rpx;">
										邀请人：
										<image :src="parent.headimg"
											style="width: 80rpx; height: 80rpx;border-radius: 50%;"></image>
										<view class="overflow_ellipsis">{{parent.nickname}} </view>
									</view>

									<view @tap="isagreeChange" v-if="(logintype==1 || logintype==2 || logintype==3)" class="xycss1">
										<checkbox-group style="display: inline-block;">
											<checkbox style="transform: scale(0.6)" value="1" :checked="isagree" />
											<text
												:style="'color:'+loginset_data.xytipcolor">{{loginset_data.xytipword}}</text>
										</checkbox-group>
										<text @tap="showxieyiFun"
											:style="'color:'+loginset_data.xycolor">{{xyname}}</text>
										<!-- <text @tap="showxieyiFun" v-if="xyname2"
											:style="'color:'+loginset_data.xytipcolor">和</text>
										<text @tap="showxieyiFun2" v-if="xyname2"
											:style="loginset_data.xycolor?'color:'+loginset_data.xycolor:'color:'+t('color1')">{{xyname2}}</text> -->
									</view>
									
									<view v-if="(logintype==1 || logintype==2 || logintype==3)" style="font-size: 30rpx;margin-top: 20rpx;border: 1rpx solid #999;border-radius: 10rpx;" @tap="set_pid">
										<view v-if="parent" style="display: flex;align-items: center;justify-content: center;">
											上级邀请人：
											<image :src="parent.headimg"
												style="width: 80rpx; height: 80rpx;border-radius: 50%;"></image>
											<view>{{parent.nickname}} </view>
										</view>
										<view v-else style="color: #333;text-align: center;">
											暂无上级推荐人，点我设置
										</view>
									</view>
									
									

									<view v-if="logintype==1 || logintype==2 || logintype==3"
										style="margin-top: 40rpx;">
										<block v-if="loginset_data.btntype==1">
											<button v-if="logintype==3" @tap="authlogin" :data-type="alih5?1:0"
												class="btn1"
												:style="'background:rgba('+t('color1rgb')+');color: '+loginset_data.btnwordcolor">
												<block v-if="!alih5">
													授权登录
												</block>
												<block v-else>
													授权登录
												</block>
											</button>
											<button v-else class="btn1"
												:style="'background:rgba('+t('color1rgb')+');color: '+loginset_data.btnwordcolor"
												form-type="submit">登录</button>
										</block>
										<block v-if="loginset_data.btntype==2">
											<button v-if="logintype==3" @tap="authlogin" :data-type="alih5?1:0"
												class="btn1"
												:style="'background-color:'+loginset_data.btncolor+';color:'+loginset_data.btnwordcolor">
												<block v-if="!alih5">
													授权登录
												</block>
												<block v-else>
													授权登录
												</block>
											</button>
											<button v-else class="btn1"
												:style="'background-color:'+loginset_data.btncolor+';color:'+loginset_data.btnwordcolor"
												form-type="submit">登录</button>
										</block>

										<button class="btn1" @tap="goback" v-if="!login_mast"
											style="background-color:#EEEEEE ;font-size: 28rpx;">暂不登录</button>

										<button v-if="platform2 == 'ios' && logintype_4==true" class="ioslogin-btn"
											@tap="ioslogin" style="width:100%">
											<image src="https://ksdaojiajia.com/mp-weixin/static/img/apple.png" />通过Apple登录
										</button>
										<!-- #ifdef APP-PLUS -->
										<button v-if="logintype_6==true" class="googlelogin-btn" @tap="googlelogin"
											style="width:100%">Google登录</button>
										<!-- #endif -->
										<!-- #ifdef H5 -->
										<div v-if="logintype_6==true" class="googlelogin-btn2" id="googleloginBtn"
											data-shape="circle" style="width:100%">Google登录</div>
										<!-- #endif -->

										<view v-if="logintype==1"
											style="line-height: 50rpx;float: 24rpx;overflow: hidden;">
											<!-- <text @tap="goto" data-url="reg" data-opentype="redirect"
												:style="'color: '+loginset_data.regpwdbtncolor+';float:left'">注册账号</text> -->
											<text @tap="goto" data-url="getpwd" data-opentype="redirect" v-if="needsms"
												:style="'color: '+loginset_data.regpwdbtncolor+';float:right'">忘记密码</text>
										</view>
									</view>

									<!-- 绑定手机号s -->
									<block v-if="logintype==4">
										<!-- #ifdef MP-WEIXIN -->
										<block v-if="loginset_data.btntype==1">
											<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"
												class="btn1"
												:style="'background:rgba('+t('color1rgb')+');color: '+loginset_data.btnwordcolor">授权绑定手机号</button>
										</block>
										<block v-if="loginset_data.btntype==2">
											<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"
												class="btn1"
												:style="'background-color:'+loginset_data.btncolor+';color:'+loginset_data.btnwordcolor">授权绑定手机号</button>
										</block>
										<button class="btn1" @tap="nobindregister" v-if="login_bind==1"
											style="background-color:#EEEEEE;font-size: 28rpx;">暂不绑定</button>
										<!-- #endif -->
										<!-- #ifndef MP-WEIXIN -->
										<form @submit="bindregister" @reset="formReset">
											<view style="font-size: 30rpx;font-weight: bold;line-height: 68rpx;">绑定手机号
											</view>
											<view class="tel1" style="margin-top: 30rpx;">
												<input type="text" name="tel" value="" @input="telinput"
													class="input_val" placeholder="请输入手机号码"
													placeholder-style="color:#CACACA;line-height: 100rpx;" />
											</view>
											<view class="tel1">
												<input type="text" name="smscode" value="" placeholder="请输入验证码"
													placeholder-style="color:#CACACA;line-height: 100rpx;"
													class="inputcode" />
												<text class="code1" :style="'color:'+loginset_data.codecolor"
													@tap="smscode">{{smsdjs||'获取验证码'}}</text>
											</view>
											<block v-if="loginset_data.btntype==1">
												<button class="btn1" form-type="submit"
													:style="'background:rgba('+t('color1rgb')+');color: '+loginset_data.btnwordcolor">确定</button>
											</block>
											<block v-if="loginset_data.btntype==2">
												<button class="btn1" form-type="submit"
													:style="'background-color:'+loginset_data.btncolor+';color:'+loginset_data.btnwordcolor">确定</button>
											</block>
											<button class="btn1" @tap="nobindregister" v-if="login_bind==1"
												style="background-color:#EEEEEE ;font-size: 28rpx;">暂不绑定</button>
										</form>
										<!-- #endif -->
									</block>
									<!-- 绑定手机号e -->

									<!-- 设置头像昵称s -->
									<block v-if="logintype==5">
										<form @submit="setnicknameregister" @reset="formReset">
											<view style="font-size: 30rpx;font-weight: bold;line-height: 68rpx;">请设置头像昵称
											</view>
											<view class="loginform" style="padding: 0;">
												<!--  #ifdef MP-WEIXIN -->
												<view class="form-item" style="height:120rpx;line-height:120rpx">
													<view class="flex1">头像</view>
													<button open-type="chooseAvatar" @chooseavatar="onChooseAvatar"
														style="width:100rpx;height:100rpx;" hover-class="none">
														<image :src="headimg || default_headimg"
															style="width:100%;height:100%;border-radius:50%"></image>
													</button>
												</view>
												<view class="form-item" style="height:120rpx;line-height:120rpx">
													<view class="flex1">昵称</view>
													<input class="input" type="nickname" name="nickname" placeholder="请输入昵称"
														placeholder-style="font-size:30rpx;color:#B2B5BE"
														style="text-align:right" />
												</view>
												<!-- #endif -->
												<!--  #ifdef MP-TOUTIAO -->
												<view class="form-item" style="height:120rpx;line-height:120rpx">
													<view class="flex1">头像</view>
													<button @tap="ttgetUserinfo" style="width:100rpx;height:100rpx;">
														<image :src="headimg || default_headimg"
															style="width:100%;height:100%;border-radius:50%"></image>
													</button>
												</view>
												<view class="form-item" style="height:120rpx;line-height:120rpx">
													<view class="flex1">昵称</view>
													<input @tap="ttgetUserinfo" type="nickname" class="input"
														:value="nickname" placeholder="请输入昵称" name="nickname"
														placeholder-style="font-size:30rpx;color:#B2B5BE"
														style="text-align:right" />
												</view>
												<!-- #endif -->
												<!--  #ifndef MP-WEIXIN  -->
												<view v-if="platform !='wx' && platform !='toutiao'">
													<view class="form-item" style="height:120rpx;line-height:120rpx">
														<view class="flex1">头像</view>
														<image :src="headimg || default_headimg"
															style="width:100rpx;height:100rpx;border-radius:50%"
															@tap="uploadHeadimg"></image>
													</view>
													<view class="form-item">
														<view class="flex1">昵称</view>
														<input type="text" class="input" placeholder="请输入昵称"
															name="nickname" value=""
															placeholder-style="font-size:30rpx;color:#B2B5BE"
															style="text-align:right" />
													</view>
												</view>
												<!-- #endif -->
												<block v-if="loginset_data.btntype==1">
													<button class="btn1" form-type="submit"
														:style="'background:rgba('+t('color1rgb')+');color: '+loginset_data.btnwordcolor">确定</button>
												</block>
												<block v-if="loginset_data.btntype==2">
													<button class="btn1" form-type="submit"
														:style="'background-color:'+loginset_data.btncolor+';color:'+loginset_data.btnwordcolor">确定</button>
												</block>
												<button class="btn1" @tap="nosetnicknameregister"
													v-if="login_setnickname==1"
													style="background-color:#EEEEEE ;font-size: 28rpx;">暂不设置</button>
											</view>
										</form>
									</block>
									<!-- 设置头像昵称e -->

									<!-- 填写邀请码s -->
									<block v-if="logintype==6">
										<form @submit="setRegisterInvite" @reset="formReset">
											<view style="font-size: 30rpx;font-weight: bold;line-height: 68rpx;">请填写邀请码
											</view>
											<view class="loginform" style="padding: 0;">
												<view v-if="reg_invite_code && !parent" class="form-item">
													<input type="text" name="yqcode" @input="yqinput" :value="yqcode"
														:placeholder="'请输入邀请人'+reg_invite_code_text"
														placeholder-style="font-size:30rpx;color:#B2B5BE"
														class="input" />
												</view>
												<view v-if="reg_invite_code && parent" class="form-item"
													style="display: flex;padding-top: 8rpx;">
													邀请人：
													<image :src="parent.headimg"
														style="width: 80rpx; height: 80rpx;border-radius: 50%;"></image>
													<view class="overflow_ellipsis">{{parent.nickname}} </view>
												</view>
												<block v-if="loginset_data.btntype==1">
													<button class="btn1" form-type="submit"
														:style="'background:rgba('+t('color1rgb')+');color: '+loginset_data.btnwordcolor">确定</button>
												</block>
												<block v-if="loginset_data.btntype==2">
													<button class="btn1" form-type="submit"
														:style="'background-color:'+loginset_data.btncolor+';color:'+loginset_data.btnwordcolor">确定</button>
												</block>
												<button class="btn1" @tap="setRegisterInvitePass"
													v-if="reg_invite_code==1"
													style="background-color:#EEEEEE ;font-size: 28rpx;">暂不设置</button>
											</view>
										</form>
									</block>
									<!-- 填写邀请码e -->

									<!-- s -->
									<block v-if="logintype==1 || logintype==2">
										<view
											v-if="(logintype==1 && (logintype_2 || logintype_3)) || (logintype==2 && (logintype_1 || logintype_3))"
											class="other_login">
											<view style="display: flex;width: 100%;">
												<view class="other_line"></view>
												<view style="margin: 0 20rpx;color: #888888;white-space:nowrap;">其他登录方式
												</view>
												<view class="other_line"></view>
											</view>
											<view class="other_content">
												<!-- #ifdef MP-BAIDU -->
												<button v-if="logintype_3" @login="weixinlogin" open-type="login"
													style="width:50%;margin: 0 auto;">
													<view style="width:100rpx;height:104rpx;margin: 0 auto;"><img
															:src="pre_url+'/static/img/login-'+platformimg+'.png'"
															style="width:100rpx;height:100rpx;"></view>
													<view style="font-size: 24rpx;line-height: 40rpx;">
														{{platformname}}登录</view>
												</button>
												<!-- #endif -->
												<!-- #ifndef MP-BAIDU -->
												<button v-if="logintype_3 && platform == 'wx'" @tap="weixinlogin"
													style="width:50%;margin: 0 auto;" hover-class="none">
													<view style="width:100rpx;height:104rpx;margin: 0 auto;"><img
															:src="pre_url+'/static/img/login-'+platformimg+'.png'"
															style="width:100rpx;height:100rpx;"></view>
													<view style="font-size: 24rpx;line-height: 40rpx;color: #888888;">
														授权登录</view>
												</button>
												<button v-if="logintype_3 && platform != 'wx'" @tap="weixinlogin"
													style="width:50%;margin: 0 auto;" hover-class="none">
													<view style="width:100rpx;height:104rpx;margin: 0 auto;"><img
															:src="pre_url+'/static/img/login-'+platformimg+'.png'"
															style="width:100rpx;height:100rpx;"></view>
													<view style="font-size: 24rpx;line-height: 40rpx;color: #888888;">
														{{platformname}}登录</view>
												</button>
												<button v-if="logintype_7 && alih5" @tap="alih5login"
													style="width:50%;margin: 0 auto;" hover-class="none">
													<view style="width:100rpx;height:104rpx;margin: 0 auto;"><img
															:src="pre_url+'/static/img/login-alipay.png'"
															style="width:100rpx;height:100rpx;"></view>
													<view style="font-size: 24rpx;line-height: 40rpx;color: #888888;">
														支付宝登录</view>
												</button>
												<!-- #endif -->

												<view v-if="logintype==1 && logintype_2" @tap="changelogintype"
													data-type="2" style="width:50%;margin: 0 auto;">
													<view style="width:100rpx;height:104rpx;margin: 0 auto;"><img
															:src="pre_url+'/static/img/reg-tellogin.png'"
															style="width:100rpx;height:100rpx;"></view>
													<view style="font-size: 24rpx;color: #888888;line-height: 40rpx;">
														手机号快捷登录</view>
												</view>
												<view v-if="logintype==2 && logintype_1" @tap="changelogintype"
													data-type="1" style="width:50%;margin: 0 auto;">
													<view style="width:100rpx;height:104rpx;margin: 0 auto;"><img
															:src="pre_url+'/static/img/reg-tellogin.png'"
															style="width:100rpx;height:100rpx;"></view>
													<view style="font-size: 24rpx;color: #888888;line-height: 40rpx;">
														密码登录</view>
												</view>
											</view>
										</view>
									</block>
									<!-- e -->

								</view>
							</form>
						</view>
					</view>
				</view>
			</view>
			<!-- e -->

			<view v-if="showxieyi" class="xieyibox">
				<view class="xieyibox-content">
					<view style="overflow:scroll;height:100%;">
						<parse :content="xycontent" @navigate="navigate"></parse>
					</view>
					<view
						style="position:absolute;z-index:9999;bottom:10px;left:0;right:0;margin:0 auto;text-align:center; width: 50%;height: 60rpx; line-height: 60rpx; color: #fff; border-radius: 8rpx;"
						:style="{background:'linear-gradient(90deg,'+t('color1')+' 0%,rgba('+t('color1rgb')+',0.8) 100%)'}"
						@tap="hidexieyi">已阅读并同意</view>
				</view>
			</view>
			<view v-if="showxieyi2" class="xieyibox">
				<view class="xieyibox-content">
					<view style="overflow:scroll;height:100%;">
						<parse :content="xycontent2" @navigate="navigate"></parse>
					</view>
					<view
						style="position:absolute;z-index:9999;bottom:10px;left:0;right:0;margin:0 auto;text-align:center; width: 50%;height: 60rpx; line-height: 60rpx; color: #fff; border-radius: 8rpx;"
						:style="{background:'linear-gradient(90deg,'+t('color1')+' 0%,rgba('+t('color1rgb')+',0.8) 100%)'}"
						@tap="hidexieyi2">已阅读并同意</view>
				</view>
			</view>
			
		</block>
		<loading v-if="loading"></loading>
		<dp-tabbar :opt="opt"></dp-tabbar>
		<popmsg ref="popmsg"></popmsg>
		<wxxieyi></wxxieyi>
	</view>
</template>

<script>
	var app = getApp();

	export default {
		data() {
			return {
				opt: {},
				loading: false,
				isload: false,
				menuindex: -1,
				pre_url: app.globalData.pre_url,
				platform2: app.globalData.platform2,
				platform: '',
				platformname: '',
				platformimg: 'weixin',
				logintype: 0, //1注册登录，2手机验证码登录，3授权登录，4绑定手机号，5设置头像昵称，6输入邀请码
				logintype_1: true, //注册登录
				logintype_2: false, //手机验证码登录
				logintype_3: false, //授权登录
				logintype_4: false, //Apple登录
				logintype_6: false, //Google登录
				logintype_7: false, //支付宝内h5
				isioslogin: false,
				isgooglelogin: false,
				google_client_id: '',
				needsms: false,
				logo: '',
				name: '',
				xystatus: 0,
				xyname: '',
				xycontent: '',
				xyname2: '',
				xycontent2: '',
				showxieyi: false,
				showxieyi2: false,
				isagree: false,
				smsdjs: '',
				tel: '',
				hqing: 0,
				frompage: '/pages/my/usercenter',
				wxloginclick: false,
				iosloginclick: false,
				googleloginclick: false,
				login_bind: 0,
				login_setnickname: 0,
				login_mast: false,
				reg_invite_code: 0,
				reg_invite_code_text: '',
				parent: {},
				tmplids: [],
				default_headimg: app.globalData.pre_url + '/static/img/touxiang.png',
				headimg: '',
				nickname: '',
				yqcode: '',
				loginset_type: 0,
				loginset_data: '',

				alih5: false,
				ali_appid: '',
				alih5loginclick: false,
				pid: 0
			};
		},

		onLoad: function(opt) {
			this.opt = app.getopts(opt);
			if (this.opt.frompage) this.frompage = decodeURIComponent(this.opt.frompage);
			if(opt.logintype) this.logintype = opt.logintype;
			if (app.globalData.qrcode) {
				var frompage = '/pagesA/qrcode/index?code=' + app.globalData.qrcode;
				this.frompage = decodeURIComponent(frompage);
			}
			console.log(this.frompage, 'this.opt.frompage');
			// #ifdef H5
			if (navigator.userAgent.indexOf('AlipayClient') > -1) {
				this.alih5 = true;
			}
			// #endif
			if (this.opt.logintype) this.logintype = this.opt.logintype;
			if (this.opt.login_bind) this.login_bind = this.opt.login_bind;
			if (app.globalData.pid) {
				this.pid = app.globalData.pid;
			}else if (opt.pid > 0) {
				app.globalData.pid = opt.pid;
				this.pid = opt.pid;
			}
			this.getdata();
		},
		onShow: function() {
			if (app.globalData.platform == 'wx' && app.globalData.hide_home_button == 1) {
				uni.hideHomeButton();
			}
		},
		onPullDownRefresh: function() {
			this.getdata();
		},
		methods: {
			getdata: function() {
				var that = this;
				that.loading = true;
				app.get('ApiIndex/login', {
					pid: app.globalData.pid
				}, function(res) {
					that.loading = false;
					if (res.status == 0) {
						app.alert(res.mg);
						return;
					}
					if (res.loginset_type) {
						that.loginset_type = res.loginset_type
					}
					if (res.loginset_data) {
						that.loginset_data = res.loginset_data
					}
					that.logintype_1 = res.logintype_1;
					that.logintype_2 = res.logintype_2;
					that.logintype_3 = res.logintype_3;
					// #ifdef APP-PLUS
					if (that.platform2 == 'ios') {
						if (plus.runtime.isApplicationExist({
								pname: 'com.tencent.mm',
								action: 'weixin://'
							})) {
							console.log('已安装微信')
						} else {
							that.logintype_3 = false;
							console.log('未安装微信')
						}
					}
					// #endif
					that.logintype_4 = res.logintype_4;
					that.logintype_6 = res.logintype_6 || false;
					that.logintype_7 = res.logintype_7 || false;
					that.google_client_id = res.google_client_id || '';
					that.login_mast = res.login_mast;
					that.needsms = res.needsms;
					that.reg_invite_code = res.reg_invite_code;
					that.reg_invite_code_text = res.reg_invite_code_text;
					that.parent = res.parent;
					if (that.logintype == 0) {
						if (that.logintype_1) {
							that.logintype = 1; //注册登录
						} else if (that.logintype_2) {
							that.logintype = 2; //手机验证码登录
						} else if (that.logintype_3) {
							that.logintype = 3; //授权登录
						} else if (that.logintype_7 && that.alih5) {
							that.logintype = 3;
						}
					}
					that.xystatus = res.xystatus;
					that.xyname = res.xyname;
					that.xycontent = res.xycontent;
					that.xyname2 = res.xyname2;
					that.xycontent2 = res.xycontent2;
					that.logo = res.logo;
					that.name = res.name;
					that.platform = res.platform;
					if (that.platform == 'mp' || that.platform == 'wx' || that.platform == 'app') {
						that.platformname = '微信';
						that.platformimg = 'weixin';
					}
					if (that.platform == 'toutiao') {
						that.platformname = '抖音';
						that.platformimg = 'toutiao';
					}
					if (that.platform == 'alipay') {
						that.platformname = '支付宝';
						that.platformimg = 'alipay';
					}
					if (that.platform == 'qq') {
						that.platformname = 'QQ';
						that.platformimg = 'qq';
					}
					if (that.platform == 'baidu') {
						that.platformname = '百度';
						that.platformimg = 'baidu';
					}
					if (res.ali_appid) {
						that.ali_appid = res.ali_appid
					}
					that.loaded();
					// #ifdef H5
					if (that.logintype_6) {
						var hm = document.createElement('script');
						hm.src = "https://accounts.google.com/gsi/client";
						document.body.appendChild(hm);
						setTimeout(function() {
							google.accounts.id.initialize({
								client_id: that.google_client_id,
								callback: function(response) {
									console.log(response);
									var credential = response.credential;
									var base64Url = credential.split('.')[1];
									var base64 = base64Url.replace(/-/g, '+').replace(/_/g,
										'/');
									var jsonPayload = decodeURIComponent(
										window.atob(base64).split('').map(function(c) {
											return '%' + ('00' + c.charCodeAt(0)
												.toString(16)).slice(-2);
										}).join('')
									);
									var resdata = JSON.parse(jsonPayload);
									resdata.openId = resdata.sub;
									console.log(resdata);
									app.showLoading('提交中');
									app.post('ApiIndex/googlelogin', {
										userInfo: resdata,
										pid: app.globalData.pid
									}, function(res2) {
										app.showLoading(false);
										console.log(res2);
										if (res2.status == 1) {
											app.success(res2.msg);
											setTimeout(function() {
												console.log('frompage')
												console.log(that.frompage)
												app.goto(that.frompage,
													'redirect');
											}, 1000);
										} else if (res2.status == 3) {
											that.logintype = 5;
											that.isioslogin = false;
											that.isgooglelogin = true;
											that.login_setnickname = res2
												.login_setnickname;
											that.login_bind = res2.login_bind
										} else if (res2.status == 2) {
											that.logintype = 4;
											that.isioslogin = false;
											that.isgooglelogin = true;
											that.login_bind = res2.login_bind
										} else {
											app.error(res2.msg);
										}
									});
								}
							});
							google.accounts.id.renderButton(
								document.getElementById("googleloginBtn"), {
									theme: "outline",
									size: "large",
									width: '300'
								} // customization attributes
							);
							google.accounts.id.prompt();
						}, 500);
					} else if (that.logintype_7 && that.alih5) {
						const oScript = document.createElement('script');
						oScript.type = 'text/javascript';
						oScript.src =
							'https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js';
						document.body.appendChild(oScript);
					}
					// #endif
				});
			},
			formSubmit: function(e) {
				var that = this;
				var formdata = e.detail.value;
				if (formdata.tel == '') {
					app.alert('请输入手机号');
					return;
				}
				if (that.logintype == 1) {
					if (formdata.pwd == '') {
						app.alert('请输入密码');
						return;
					}
				}
				if (that.logintype == 2) {
					if (formdata.smscode == '') {
						app.alert('请输入短信验证码');
						return;
					}
				}

				if (that.logintype == 1 || that.logintype == 2) {
					if (!that.isagree) {
						app.error('请先阅读并同意' + that.xyname);
						return false;
					}
				}

				if (that.logintype == 4) {
					if (typeof(formdata.pwd) != 'undefined' && formdata.pwd == '') {
						app.alert('请输入密码');
						return;
					}
					if (typeof(formdata.smscode) != 'undefined' && formdata.smscode == '') {
						app.alert('请输入短信验证码');
						return;
					}
				}

				app.showLoading('提交中');
				app.post("ApiIndex/loginsub", {
					tel: formdata.tel,
					pwd: formdata.pwd,
					smscode: formdata.smscode,
					logintype: that.logintype,
					pid: app.globalData.pid,
					yqcode: formdata.yqcode
				}, function(res) {
					app.showLoading(false);
					if (res.status == 1) {
						app.success(res.msg);
						if (res.tmplids) {
							that.tmplids = res.tmplids;
						}
						that.subscribeMessage(function() {
							setTimeout(function() {
								app.goto(that.frompage, 'redirect');
								console.log(that.frompage, '001')
							}, 1000);
						});
					} else {
						app.error(res.msg);
					}
				});
			},
			getPhoneNumber: function(e) {
				var that = this
				console.log(e);
				if (e.detail.errMsg == "getPhoneNumber:fail user deny") {
					app.error('请同意授权获取手机号');
					return;
				}
				if (!e.detail.iv || !e.detail.encryptedData) {
					app.error('请同意授权获取手机号');
					return;
				}
				wx.login({
					success(res1) {
						console.log(res1);
						var code = res1.code;
						//用户允许授权
						app.post('ApiIndex/wxRegister', {
							headimg: that.headimg,
							nickname: that.nickname,
							iv: e.detail.iv,
							encryptedData: e.detail.encryptedData,
							code: code,
							pid: app.globalData.pid,
							yqcode: that.yqcode
						}, function(res2) {
							if (res2.status == 1) {
								app.success(res2.msg);
								if (res2.tmplids) {
									that.tmplids = res2.tmplids;
								}
								that.subscribeMessage(function() {
									setTimeout(function() {
										app.goto(that.frompage, 'redirect');
									}, 1000);
								});
							} else {
								app.error(res2.msg);
							}
							return;
						})
					}
				});
			},
			setnicknameregister: function(e) {
				//console.log(e);
				//return;
				this.nickname = e.detail.value.nickname;
				if (this.nickname == '' || this.headimg == '') {
					app.alert('请设置头像和昵称');
					return;
				}
				if (this.login_bind != 0) {
					this.logintype = 4;
					this.isioslogin = false;
					this.isgooglelogin = false;
				} else {
					this.register(this.headimg, this.nickname, '', '');
				}
			},
			nosetnicknameregister: function() {
				this.nickname = '';
				this.headimg = '';
				if (this.login_bind != 0) {
					this.logintype = 4;
					this.isioslogin = false;
					this.isgooglelogin = false;
				} else {
					this.register('', '', '', '');
				}
			},
			setRegisterInvite: function(e) {
				console.log(e);
				//return;
				this.yqcode = e.detail.value.yqcode;
				if (this.yqcode == '' && !app.globalData.pid) {
					app.alert('请输入邀请码');
					return;
				}
				if (this.login_setnickname != 0) {
					this.logintype = 5;
					this.isioslogin = false;
					this.isgooglelogin = false;
				} else {
					if (this.login_bind != 0) {
						this.logintype = 4;
						this.isioslogin = false;
						this.isgooglelogin = false;
					} else {
						this.register(this.headimg, this.nickname, '', '');
					}
				}
			},
			setRegisterInvitePass: function() {
				if (this.login_setnickname != 0) {
					this.logintype = 5;
					this.isioslogin = false;
					this.isgooglelogin = false;
				} else {
					if (this.login_bind != 0) {
						this.logintype = 4;
						this.isioslogin = false;
						this.isgooglelogin = false;
					} else {
						this.register('', '', '', '');
					}
				}
			},
			bindregister: function(e) {
				var that = this;
				var formdata = e.detail.value;
				if (formdata.tel == '') {
					app.alert('请输入手机号');
					return;
				}
				if (formdata.smscode == '') {
					app.alert('请输入短信验证码');
					return;
				}
				that.register(this.headimg, this.nickname, formdata.tel, formdata.smscode);
			},
			nobindregister: function() {
				this.register(this.headimg, this.nickname, '', '');
			},
			register: function(headimg, nickname, tel, smscode) {
				var that = this;
				var url = '';
				if (that.platform == 'app') {
					url = 'ApiIndex/appwxRegister';
					if (that.isioslogin) {
						url = 'ApiIndex/iosRegister';
					}
				} else if (that.platform == 'mp' || that.platform == 'h5') {
					url = 'ApiIndex/shouquanRegister';
				} else {
					url = 'ApiIndex/' + that.platform + 'Register';
				}
				if (that.isgooglelogin) {
					url = 'ApiIndex/googleRegister';
				}
				app.post(url, {
					headimg: headimg,
					nickname: nickname,
					tel: tel,
					smscode: smscode,
					pid: app.globalData.pid,
					yqcode: that.yqcode
				}, function(res2) {
					if (res2.status == 1) {
						app.success(res2.msg);
						if (res2.tmplids) {
							that.tmplids = res2.tmplids;
						}
						that.subscribeMessage(function() {
							setTimeout(function() {
								app.goto(that.frompage, 'redirect');
							}, 1000);
						});
					} else {
						app.error(res2.msg);
					}
					return;
				});
			},
			authlogin: function(e) {
				var that = this;
				var type = e.currentTarget.dataset.type;
				if (!that.isagree) {
					app.error('请先阅读并同意' + that.xyname);
					return false;
				}
				if (that.reg_invite_code == 2 && that.yqcode == '' && !that.parent) {
					app.error('请输入' + that.reg_invite_code_text);
					return false;
				}
				if (!type) {
					that.weixinlogin();
				} else {
					that.alih5login();
				}
			},
			weixinlogin: function() {
				var that = this;
				if (!that.isagree) {
					that.showxieyi = true;
					that.wxloginclick = true;
					return;
				}
				console.log('weixinlogin')
				that.wxloginclick = false;
				app.showLoading('授权中');
				app.authlogin(function(res) {
					app.showLoading(false);
					if (res.status == 1) {
						app.success(res.msg);
						setTimeout(function() {
							console.log('frompage')
							console.log(that.frompage)
							app.goto(that.frompage, 'redirect');
						}, 1000);

					} else if (res.status == 4) {
						//填写邀请码
						that.logintype = 6;
						that.login_setnickname = res.login_setnickname;
						that.login_bind = res.login_bind; //1可选设置
						that.isioslogin = false;
						that.isgooglelogin = false;
					} else if (res.status == 3) {
						//设置头像昵称
						that.logintype = 5;
						that.login_setnickname = res.login_setnickname;
						that.login_bind = res.login_bind; //1可选设置
						that.isioslogin = false;
						that.isgooglelogin = false;
					} else if (res.status == 2) {
						//绑定手机
						that.logintype = 4;
						that.login_bind = res.login_bind;
						that.isioslogin = false;
						that.isgooglelogin = false;
					} else {
						app.error(res.msg);
					}
				}, {
					frompage: that.frompage,
					yqcode: that.yqcode
				});
			},
			ioslogin: function() {
				//#ifdef APP-PLUS
				var that = this;
				if (!that.isagree) {
					that.showxieyi = true;
					that.iosloginclick = true;
					return false;
				}
				uni.login({
					provider: 'apple',
					success: function(loginRes) {
						console.log(loginRes);
						// 登录成功  
						uni.getUserInfo({
							provider: 'apple',
							success(res) {
								// 获取用户信息成功
								console.log(res)
								if (res.userInfo && res.userInfo.openId) {
									app.post('ApiIndex/ioslogin', {
										userInfo: res.userInfo,
										pid: app.globalData.pid
									}, function(res2) {
										console.log(res2);
										if (res2.status == 1) {
											app.success(res2.msg);
											setTimeout(function() {
												console.log('frompage')
												console.log(that.frompage)
												app.goto(that.frompage,
												'redirect');
											}, 1000);
										} else if (res2.status == 3) {
											that.logintype = 5;
											that.isioslogin = true;
											that.isgooglelogin = false;
											that.login_setnickname = res2.login_setnickname
											that.login_bind = res2.login_bind
										} else if (res2.status == 2) {
											that.logintype = 4;
											that.isioslogin = true;
											that.isgooglelogin = false;
											that.login_bind = res2.login_bind
										} else {
											app.error(res2.msg);
										}
									});
								}
							}
						})
					},
					fail: function(err) {
						console.log(err);
						app.error('登录失败');
					}
				});
				//#endif
			},
			googlelogin: function() {
				var that = this;
				if (!that.isagree) {
					that.showxieyi = true;
					that.googleloginclick = true;
					return false;
				}
				// #ifdef APP-PLUS
				uni.login({
					provider: 'google',
					success: function(loginRes) {
						console.log(loginRes);
						// 登录成功  
						uni.getUserInfo({
							provider: 'google',
							success(res) {
								// 获取用户信息成功
								console.log(res)
								//alert(JSON.stringify(res));
								//if(res.userInfo && res.userInfo.openId){
								app.post('ApiIndex/googlelogin', {
									userInfo: res.userInfo,
									pid: app.globalData.pid
								}, function(res2) {
									console.log(res2);
									if (res2.status == 1) {
										app.success(res2.msg);
										setTimeout(function() {
											console.log('frompage')
											console.log(that.frompage)
											app.goto(that.frompage, 'redirect');
										}, 1000);
									} else if (res2.status == 3) {
										that.logintype = 5;
										that.isioslogin = false;
										that.isgooglelogin = true;
										that.login_setnickname = res2.login_setnickname
										that.login_bind = res2.login_bind
									} else if (res2.status == 2) {
										that.logintype = 4;
										that.isioslogin = false;
										that.isgooglelogin = true;
										that.login_bind = res2.login_bind
									} else {
										app.error(res2.msg);
									}
								});
								//}
							}
						})
					},
					fail: function(err) {
						console.log(err);
						app.error('登录失败');
					}
				});
				// #endif
			},
			changelogintype: function(e) {
				var logintype = e.currentTarget.dataset.type
				this.logintype = logintype;
			},
			isagreeChange: function() {
				if (this.isagree) {
					this.isagree = false;
				} else {
					this.isagree = true;
				}
			},
			showxieyiFun: function() {
				this.showxieyi = true;
			},
			hidexieyi: function() {
				this.showxieyi = false;
				if (this.wxloginclick) {
					this.weixinlogin();
				}
				if (this.iosloginclick) {
					this.ioslogin();
				}
				if (this.googleloginclick) {
					this.googlelogin();
				}
				if (this.alih5loginclick) {
					that.alih5login();
				}
			},
			showxieyiFun2: function() {
				this.showxieyi2 = true;
			},
			hidexieyi2: function() {
				this.showxieyi2 = false;
				// this.isagree = true;
				if (this.wxloginclick) {
					this.weixinlogin();
				}
				if (this.iosloginclick) {
					this.ioslogin();
				}
				if (this.googleloginclick) {
					this.googlelogin();
				}
				if (this.alih5loginclick) {
					that.alih5login();
				}
			},
			telinput: function(e) {
				this.tel = e.detail.value
			},
			yqinput: function(e) {
				this.yqcode = e.detail.value
			},
			uploadHeadimg: function() {
				var that = this;
				uni.chooseImage({
					count: 1,
					sizeType: ['original', 'compressed'],
					sourceType: ['album', 'camera'],
					success: function(res) {
						var tempFilePaths = res.tempFilePaths;
						var tempFilePath = tempFilePaths[0];
						app.showLoading('上传中');
						uni.uploadFile({
							url: app.globalData.baseurl + 'ApiImageupload/uploadImg/aid/' + app
								.globalData.aid + '/platform/' + app.globalData.platform +
								'/session_id/' + app.globalData.session_id + '/isheadimg/1',
							filePath: tempFilePath,
							name: 'file',
							success: function(res) {
								if (typeof res.data == 'string') {
									var data = JSON.parse(res.data);
								} else {
									var data = res.data;
								}
								app.showLoading(false);
								if (data.status == 1) {
									that.headimg = data.url;
								} else {
									app.alert(data.msg);
								}
							},
							fail: function(res) {
								app.showLoading(false);
								app.alert(res.errMsg);
							}
						});
					},
					fail: function(res) { //alert(res.errMsg);
					}
				});
			},
			onChooseAvatar: function(e) {
				// console.log(e)
				var that = this;
				app.showLoading('上传中');
				uni.uploadFile({
					url: app.globalData.baseurl + 'ApiImageupload/uploadImg/aid/' + app.globalData.aid +
						'/platform/' + app.globalData.platform + '/session_id/' + app.globalData.session_id +
						'/isheadimg/1',
					filePath: e.detail.avatarUrl,
					name: 'file',
					success: function(res) {
						app.showLoading(false);
						var data = JSON.parse(res.data);
						if (data.status == 1) {
							that.headimg = data.url;
						} else {
							app.alert(data.msg);
						}
					},
					fail: function(res) {
						app.showLoading(false);
						app.alert(res.errMsg);
					}
				});
			},
			smscode: function() {
				var that = this;
				if (that.hqing == 1) return;
				that.hqing = 1;
				var tel = that.tel;
				if (tel == '') {
					app.alert('请输入手机号码');
					that.hqing = 0;
					return false;
				}
				if (!/^1[3456789]\d{9}$/.test(tel)) {
					app.alert("手机号码有误，请重填");
					that.hqing = 0;
					return false;
				}
				app.post("ApiIndex/sendsms", {
					tel: tel
				}, function(data) {
					if (data.status != 1) {
						app.alert(data.msg);
						return;
					}
				});
				var time = 120;
				var interval1 = setInterval(function() {
					time--;
					if (time < 0) {
						that.smsdjs = '重新获取';
						that.hqing = 0;
						clearInterval(interval1);
					} else if (time >= 0) {
						that.smsdjs = time + '秒';
					}
				}, 1000);
			},
			alih5login: function() {
				// #ifdef H5
				var that = this;
				var ali_appid = that.ali_appid;

				if (!that.isagree) {
					that.showxieyi = true;
					that.alih5loginclick = true;
					return;
				}
				that.alih5loginclick = false;
				if (ali_appid) {
					app.showLoading('登录中');
					ap.getAuthCode({
						appId: ali_appid,
						scopes: ['auth_base'],
					}, function(res) {
						//var res = JSON.stringify(res);
						if (!res.error && res.authCode) {
							app.post('ApiIndex/alipaylogin', {
								code: res.authCode,
								pid: app.globalData.pid,
								platform: "h5"
							}, function(res2) {
								app.showLoading(false);

								if (res2.status == 1) {
									app.success(res2.msg);
									setTimeout(function() {
										console.log('frompage')
										console.log(that.frompage)
										app.goto(that.frompage, 'redirect');
									}, 1000);
								} else if (res2.status == 3) {
									that.logintype = 5;
									that.isioslogin = true;
									that.isgooglelogin = false;
									that.login_setnickname = res2.login_setnickname
									that.login_bind = res2.login_bind
								} else if (res2.status == 2) {
									that.logintype = 4;
									that.isioslogin = true;
									that.isgooglelogin = false;
									that.login_bind = res2.login_bind
								} else {
									app.error(res2.msg);
								}
							});
						} else {
							app.showLoading(false);

							if (res.errorMessage) {
								app.alert(res.errorMessage);
							} else if (res.errorDesc) {
								app.alert(res.errorDesc);
							} else {
								app.alert('授权出错');
							}
							return
						}
					});
				} else {
					app.alert('系统未配置支付宝参数');
					return
				}
				// #endif
			},
			ttgetUserinfo() {
				var that = this;
				tt.getUserProfile({
					success(res) {
						that.nickname = res.userInfo.nickName;
						that.headimg = res.userInfo.avatarUrl;
					},
					fail(res) {
						console.log("getUserProfile 调用失败", res);
					},
				});
			},
			set_pid() {
				var that = this;
				//设置上级pid
				uni.showModal({
					title: '请输入推荐人的id',
					content: '',
					editable: true, //是否显示输入框
					placeholderText: '上级推荐人的id', //输入框提示内容
					confirmText: '确认',
					cancelText: '取消',
					success: (res) => {
						if (res.confirm) {
							var id = res.content;
							if (!(id > 0)) {
								app.error('请输入正确的id');
								return;
							}
							id = id.trim();
							that.pid = id;
							app.globalData.pid = id;
							app.alert('设置成功！');
							that.getdata();
						}
					}
				});
			}
		}
	};
</script>

<style>
	page {
		background: #ffffff;
		width: 100%;
		height: 100%;
	}

	.container {
		width: 100%;
		height: 100%;
	}

	.text-center {
		text-align: center;
	}

	.title {
		margin: 70rpx 50rpx 50rpx 40rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-size: 48rpx;
		font-weight: bold;
		color: #000000;
	}

	.loginform {
		width: 100%;
		padding: 0 50rpx;
		border-radius: 5px;
		background: #FFF;
	}

	.loginform .form-item {
		display: flex;
		align-items: center;
		width: 100%;
		border-bottom: 1px #ededed solid;
		height: 88rpx;
		line-height: 88rpx;
		border-bottom: 1px solid #F0F3F6;
		margin-top: 20rpx
	}

	.loginform .form-item .img {
		width: 44rpx;
		height: 44rpx;
		margin-right: 30rpx
	}

	.loginform .form-item .input {
		flex: 1;
		color: #000;
		background: none;
	}

	.loginform .form-item .code {
		font-size: 30rpx
	}

	.xieyi-item {
		display: flex;
		align-items: center;
		margin-top: 30rpx
	}

	.xieyi-item {
		font-size: 24rpx;
		color: #B2B5BE
	}

	.xieyi-item .checkbox {
		transform: scale(0.6);
	}

	.authlogin {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.authlogin-logo {
		width: 180rpx;
		height: 180rpx;
		margin-top: 120rpx
	}

	.authlogin-name {
		color: #999999;
		font-size: 30rpx;
		margin-top: 60rpx;
	}

	.authlogin-btn {
		width: 580rpx;
		height: 96rpx;
		line-height: 96rpx;
		background: #51B1F5;
		border-radius: 48rpx;
		color: #fff;
		margin-top: 100rpx
	}

	.authlogin-btn2 {
		width: 580rpx;
		height: 96rpx;
		line-height: 96rpx;
		background: #EEEEEE;
		border-radius: 48rpx;
		color: #A9A9A9;
		margin-top: 20rpx
	}

	.ioslogin-btn {
		width: 580rpx;
		height: 96rpx;
		line-height: 96rpx;
		background: #fff;
		border-radius: 48rpx;
		color: #fff;
		border: 1px solid #555;
		color: #333;
		font-weight: bold;
		margin-top: 30rpx;
		font-size: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.ioslogin-btn image {
		width: 26rpx;
		height: 26rpx;
		margin-right: 16rpx;
	}

	.googlelogin-btn {
		width: 580rpx;
		height: 96rpx;
		line-height: 96rpx;
		background: #fff;
		border-radius: 48rpx;
		color: #fff;
		border: 1px solid #555;
		color: #333;
		font-weight: bold;
		margin-top: 30rpx;
		font-size: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.googlelogin-btn2 {
		margin-top: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.xieyibox {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		background: rgba(0, 0, 0, 0.7)
	}

	.xieyibox-content {
		width: 90%;
		margin: 0 auto;
		/*  #ifdef  MP-TOUTIAO */
		height: 60%;
		/*  #endif  */
		/*  #ifndef  MP-TOUTIAO */
		height: 80%;
		/*  #endif  */
		margin-top: 20%;
		background: #fff;
		color: #333;
		padding: 5px 10px 50px 10px;
		position: relative;
		border-radius: 2px;
	}

	.bg_div1 {
		width: 100%;
		min-height: 100%;
		overflow: hidden;
	}

	.content_div1 {
		width: 700rpx;
		margin: 0 auto;
		margin-bottom: 60rpx;
	}

	.title1 {
		opacity: 1;
		font-size: 50rpx;
		font-weight: bold;
		line-height: 90rpx;
		text-align: left;
		margin-top: 80rpx;
	}

	.subhead1 {
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.card_div1 {
		width: 100%;
		padding: 40rpx;
		border-radius: 24rpx;
		margin-top: 40rpx;
	}

	.tel1 {
		width: 100%;
		height: 100rpx;
		border-radius: 100rpx;
		line-height: 100rpx;
		background-color: #F5F7FA;
		padding: 0 40rpx;
		margin: 20rpx 0;
		margin-top: 30rpx;
	}

	.code1 {
		height: 100rpx;
		font-size: 24rpx;
		line-height: 100rpx;
		float: right;
	}

	.btn1 {
		width: 100%;
		height: 100rpx;
		border-radius: 100rpx;
		line-height: 100rpx;
		margin: 20rpx 0;
		text-align: center;
		font-weight: bold;
		color: #A9A9A9;
		font-size: 30rpx
	}

	.other_line {
		width: 106rpx;
		height: 2rpx;
		background: #D8D8D8;
		margin-top: 20rpx;
	}

	.logo2 {
		width: 200rpx;
		height: 200rpx;
		margin: 0 auto;
		margin-top: 40rpx;
		margin-bottom: 40rpx;
		border-radius: 12rpx;
		overflow: hidden;
	}

	.inputcode {
		width: 300rpx;
		height: 100rpx;
		line-height: 100rpx;
		display: inline-block;
		background: none;
	}

	.input_val {
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		background: none;
	}

	.xycss1 {
		line-height: 60rpx;
		font-size: 30rpx;
		overflow: hidden;
	}

	.other_login {
		width: 420rpx;
		margin: 60rpx auto;
	}

	.overflow_ellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 380rpx;
	}

	.other_content {
		overflow: hidden;
		width: 100%;
		margin-top: 60rpx;
		text-align: center;
		display: flex;
		justify-content: center;
	}
</style>